<template>
  <div>
      <div v-for="(item ,index) in workList" :key="index" class="work_list">
        <div class="label">{{item.label}}</div> 
        <date v-for="work in item.children"  :workMessage="work" :shared="shared"></date>
      </div>
  </div>
</template>

<script>
import date from "./date";
export default {
  name: "tree",
  data() {
    return {};
  },
  props: {
    workList: {
      type: Array,
      required: true
    },
    shared: {
      type: Object,
      default: () => ({})
    }
  },
  components: {
    date
  },
  mounted(){
    console.log('this.name',this.$options.name);
  }
};
</script>

<style lang="scss">
.work_list{
  height: 62px;;
}
.label{
  float: left;
  width: 80px;
  height: 60px;
  border: 1px solid ;
  text-align: center;
}
.dragnode {
  border: 1px solid;
}
.tree {
  border: 1px solid rgb(40, 156, 88);
  margin: 2px;
}
</style>
